<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>为图片添加边框</title>
<script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
<script type="text/javascript"> 
	//方法1 使用css()方法 
	/* $(document).ready(function() {
		$("img").click(function() {
		$("img").css("border","1px solid #ccc");
		});
	}); */
	//方法2 使用addClass（）方法
		$(document).ready(function() {
			$("img").click(function() {
				$("img").addClass("border");
		});
		
	});	 s
</script>
<style type="text/css">
    .border{border:1px solid #ccc;}
</style>
</head>
<body> 
    <img src="./img/pic.gif" />  
</body>
</html>
